<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>在线支付</title>
	</head>
	<body>
	<!DOCTYPE html>
	<html>
	    <head>
	        <meta charset="utf-8">
	        <meta name="viewport" content="width=device-width,initial-scale=1">
	        <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	        <link href="css/reset.css" rel="stylesheet">
	        
	        <script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
	        <title>在线支付</title>
			 <script type="text/javascript">
			$(function(){
				//获取食品分类
				$.ajax({
					type:"GET",
					url:"http://192.168.150.202:8080/Api/foodTypes",
					success:function(responseData){
						 
						responseData = responseData.rows;
						var $ul = $("div.banner > ul");
						for(var i=0;i<responseData.length;i++){
							var item = responseData[i];
							var $li = $("<li id='"+item.id+"'><img src='./icon/"+item.icon+"'>"+item.name+"</li>");
						    $li.appendTo($ul);
						}
					}
				});
			</script>
	    </head>
	    <body>
	        <div class="banner">
	        	<ul></ul>
	        </div>
	    </body>
	</html>
	</body>
</html>
